{% extends "../public/base.html" %}
{% block mbody %}
<style>
.i-ul{height: 120px;}
.i-ul-body{font-size: 15px;}
</style>
<div class="top mr">
    <div class="m-left"><img src="/static/image/cd_icon.png" style="width:80%;margin-top: 10px;" ></div>
    <h1>历史报修查询</h1>
    <div class="m-right"></div>
</div>
<div class="mbody mr" id="mbody">
    <div class="item">
        <div class="i-title">
            <a href="/user/device/cat?s=0"><div class="i-title-item" style="width: 33%;">全部</div></a>
            <a href="/user/device/cat?s=1"><div class="i-title-item" style="width: 33%;">已处理</div></a>
            <a href="/user/device/cat?s=2"><div class="i-title-item" style="width: 33%;">未处理</div></a>
        </div>
        {% for i in data %}
            <div class="i-ul">
                <div class="i-ul-img left" style="margin-top: 10px;height: 100px;width: 25%;"><img class="radius" src="/static{{ i.get('Fimg', '') }}"></div>
                <div class="i-ul-body left" style="width: 35%;">
                    <div class="i-ul-text" style="height:auto;">{{ stamp_2_time(i.get('Fcreate_time', ''), ftime="%Y-%m-%d") }}</div>
                    <div class="i-ul-title">{{ i.get('Fdevice_name', '') }}</div>
                    <div class="i-ul-text" style="line-height:15px;margin-top:15px;height:45px;">{{ i.get('Fremark', '') }}</div>
                </div>
                    {% if i.get('Fstatus')=='1' %}
                        <div class="i-ul-img-small right" style="height:100%;margin:0px;width:30%;background: rgb(246, 216, 222);">
                            <div style="line-height:30px;margin-top:27px;background: rgb(246, 216, 222);height:100%;">
                                <div style="font-size: 12px;text-align:center;" >
                                    <img src="/static/image/loading.png" style="width:25px;height:25px;" alt="">
                                </div>
                                <div style="color:rgb(255, 23, 23);font-size: 14px;text-align:center;font-weight:bold;margin-top:-10px;" class="center">未处理</div>
                            </div>
                        </div>
                    {% elif i.get('Fstatus')=='2' %}
                        <div class="i-ul-img-small right" style="height:100%;margin:0px;width:30%;background: rgb(198, 200, 255);">
                            <div style="line-height:30px;margin-top:27px;background: rgb(198, 200, 255);height:100%;">
                                <div style="font-size: 12px;text-align:center;" >
                                    <img src="/static/image/false.png" style="width:25px;height:25px;" alt="">
                                </div>
                                <div style="color:rgb(51, 91, 218);font-size: 14px;text-align:center;font-weight:bold;margin-top:-10px;" class="center">正在路上……</div>
                            </div>
                        </div>
                    {% else %}
                        <div class="i-ul-img-small right" style="height:100%;margin:0px;width:30%;background: rgb(219, 219, 219);">
                            <div class="center hcenter" style="line-height:30px;">
                                <div style="font-size: 12px;text-align:center;" class="center">{{ stamp_2_time(i.get('Fcreate_time', ''), ftime="%Y-%m-%d") }}</div>
                                <div style="font-size: 12px;text-align:center;" class="center">
                                    <img src="/static/image/true.png" style="width:25px;height:25px;" alt="">
                                </div>
                                <div style="font-size: 14px;text-align:center;font-weight:bold;margin-top:-10px;" class="center">已处理</div>
                                <div style="font-size: 12px;text-align:center;" class="center">维修员：{{ i.get('Frepair_name', '') }}</div>
                            </div>
                        </div>
                    {% end %}
            </div>
        {% end %}
        <div class='after' page="{{ total }}">加载中......</div>
    </div>
</div>
<!-- <div class="bottom mr">
    
</div> -->
<div class="palert" id="aAlert"><img src="/static/image/loading.gif">加载中……</div>
<div class="palert" id="talert"><img src="/static/image/loading.gif">
    test
    <input type="button" onclick="palert.close('#talert')" value="关闭">
</div>
{% end %}
{% block script %}
<script type="text/javascript">
$(document).ready(function(){
    ScrollItem.bind("/user/device/clist?s={{s}}&page=")
})
</script>
{% end %}